.panel {
  left: 10vh;
  top: 10vh;
  color: #ffffff94;
  font-size: 12px;
}

.panelBody {
  border-radius: 8px;
  box-shadow: none;
  min-width: 240px;
}

.panelHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dddddd33;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.panelHeader .panelHeaderExt {
  padding: 0 5px;
  opacity: .5;
  cursor: pointer;
  display: flex;
}

.panelContent {
  max-height: 50vh;
  overflow-y: auto;
}

.panelList {

}

.panelListItem {
  display: flex;
  cursor: pointer;
}

.panelListItemName {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panelFooter{
  display: block;
}

.panelFooterCard {
  border-top: 1px solid #dddddd33;
  padding: 10px 0;
}

.panelFooterStatus {
  display: block;
}

.panelFooterController {
  display: flex;
}

.panelFooterController > * {
  cursor: pointer;
}
